<template>
  <div>
    <h2>$root传值:</h2>
    <p>当前的数量是{{$root.count}}</p>
    <button @click="$root.count++">修改在vue实例中的共享数据</button>
    <Child/>
    <hr />
    <p>
      注释: <br />
      * 获取当前组件树的根 Vue 实例<br />
      * 我们可以借助这个$root做事件总线类似的传值方式（最牛逼的状态提升）<br />
    </p>
  </div>
</template>

<script>
import Child from "./Child"
export default {
    name:"Root",
    components:{
        Child
    },
    mounted() {
        console.log(this.$root.count,"index")
    },
}
</script>

<style>

</style>